/* 导入设计系统 */
@import './styles/design-system.css';
@import './styles/components.css';

/* 阿里巴巴普惠体字体 */
@font-face {
  font-family: 'Alibaba PuHuiTi';
  src: url('/fonts/alibaba-puhuiti-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Alibaba PuHuiTi';
  src: url('/fonts/alibaba-puhuiti-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Alibaba PuHuiTi';
  src: url('/fonts/alibaba-puhuiti-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 钉钉进步体字体 */
@font-face {
  font-family: 'DingTalk JinBu';
  src: url('/fonts/dingtalk-jinbu.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 优设标题黑字体 */
@font-face {
  font-family: 'YouSheTi Hei';
  src: url('/fonts/yousheti-hei.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* 主要字体：阿里巴巴普惠体作为主字体 */
  font-family: 'Alibaba PuHuiTi', 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  line-height: 1.6;
  font-weight: 400;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: 'Alibaba PuHuiTi', 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

/* 字体工具类 */
.font-alibaba {
  font-family: 'Alibaba PuHuiTi', sans-serif;
}

.font-dingtalk {
  font-family: 'DingTalk JinBu', 'Alibaba PuHuiTi', sans-serif;
}

.font-yousheti {
  font-family: 'YouSheTi Hei', 'Alibaba PuHuiTi', sans-serif;
}

/* 标题字体样式 */
.title-primary {
  font-family: 'YouSheTi Hei', 'Alibaba PuHuiTi', sans-serif;
  font-weight: 900;
  letter-spacing: 0.02em;
  color: var(--gray-800);
}

.title-secondary {
  font-family: 'DingTalk JinBu', 'Alibaba PuHuiTi', sans-serif;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--gray-700);
}

.title-tertiary {
  font-family: 'Alibaba PuHuiTi', sans-serif;
  font-weight: 700;
  color: var(--gray-700);
}

/* 正文字体样式 */
.text-body {
  font-family: 'Alibaba PuHuiTi', sans-serif;
  font-weight: 400;
  line-height: 1.7;
  color: var(--gray-600);
}

.text-body-medium {
  font-family: 'Alibaba PuHuiTi', sans-serif;
  font-weight: 500;
  line-height: 1.6;
  color: var(--gray-700);
}

/* 特殊用途字体 */
.text-brand {
  font-family: 'DingTalk JinBu', 'Alibaba PuHuiTi', sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.text-display {
  font-family: 'YouSheTi Hei', 'Alibaba PuHuiTi', sans-serif;
  font-weight: 900;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

/* 头像上传组件样式 */
.avatar-uploader .ant-upload {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  border: 2px dashed #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.3s;
}

.avatar-uploader .ant-upload:hover {
  border-color: #1890ff;
}

.avatar-uploader .ant-upload-select-picture-card {
  width: 104px;
  height: 104px;
  border-radius: 50%;
}

/* LOGO墙滚动动画 - 无限循环滚动 */
@keyframes marquee-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes marquee-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}

.animate-marquee-left {
  animation: marquee-left 40s linear infinite;
}

.animate-marquee-right {
  animation: marquee-right 35s linear infinite;
}

/* 旧的滚动动画保留兼容性 */
@keyframes scroll-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

@keyframes scroll-down {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

.animate-scroll-up {
  animation: scroll-up 20s linear infinite;
}

.animate-scroll-down {
  animation: scroll-down 25s linear infinite;
}